<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>个人信息</title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css" />
<style>
	/*取消点击高亮效果*/
	.mui-table-view-cell.mui-active{
		background-color: #fff;
	}
	.mui-media-body{
		margin-top: 13px;
	}
</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">个人信息</h1>
	</header>
	<div class="mui-content">
	    <ul class="mui-table-view">
	        <li class="mui-table-view-cell mui-media">
            	<!--默认头像-->
            	<div class="head-box mui-pull-left"><i class="mui-icon mui-icon-image"></i></div>
                <div class="mui-media-body">
                   	 13800138001
                </div>
	        </li>
	    </ul>
	    <ul class="mui-table-view">
            <li class="mui-table-view-cell">
               	套餐编号：
               	<p class=" mui-pull-right">9527</p>
            </li>
            <li class="mui-table-view-cell">
               	套餐类型：
               	<p class=" mui-pull-right">4G上网套餐58元</p>
            </li>
        </ul>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
          		开户时间：
          		<p class=" mui-pull-right">2017-01-01</p>
            </li>
            <li class="mui-table-view-cell">
    			ICCID：
                <p class=" mui-pull-right">9527</p>
            </li>
            <li class="mui-table-view-cell">
                IMSI：
                <p class=" mui-pull-right">9527</p>
            </li>
            <li class="mui-table-view-cell">
          		产品名称：
          		<p class=" mui-pull-right">4G上网套餐58元</p>
            </li>
            <li class="mui-table-view-cell">
               	状态：
               	<p class=" mui-pull-right">开机</p>
            </li>
            <li class="mui-table-view-cell">
        		产品编码：
        		<p class=" mui-pull-right">9527</p>
            </li>
        </ul>
	    <ul class="mui-table-view">
            <li class="mui-table-view-cell">
           		套餐启用时间：
           		<p class=" mui-pull-right">2017-01-01</p>
            </li>
            <li class="mui-table-view-cell">
          		套餐失效时间：
          		<p class=" mui-pull-right">2037-01-01</p>
            </li>
	    </ul>
        <!--退出按钮-->
        <!--<ul class="mui-table-view">
			<li class="mui-table-view-cell" style="text-align: center;">
				<a>退出登录</a>
			</li>
		</ul>-->
	</div>


<script type="text/javascript" charset="utf-8">
  	mui.init();
</script>
</body>
</html>